<?php $this->headLink()->appendStylesheet('/css/jquery/jquery.validate.css');?>
<?php $this->headScript()->appendFile('/js/jquery/jquery.validate.js');?>
<?php $this->headScript()->appendFile('/js/jquery/jquery.validate.messages_ro.js');?>
<script>
$(document).ready(function(){
	var validator = $("#registerFrm").validate({
		rules: {
			type: {
				required: true
			}
		},
		messages: {
			type: {
				required: "Trebuie sa selectati un tip de user"
			}
		}
	})
})
</script>
<div class="inregistrare">
	<form id="registerFrm" name="registerFrm" action="/users/register/" method="POST">
	<div class="title">
		<h1>Inregistrare membru Pagina Farmacistilor</h1>
		<div class="timer">
			<table>
				<tr>
					<td><strong>Timp total estimat:</strong></td>

					<td><img src="/media/images/front/wizard/icon_clock_big.jpg" alt="" /></td>
					<td style="font-size:18px;">2 min</td>
				</tr>
			</table>
		</div>
	</div>
	<div class="wizard wizard_3steps step1" id="menu_step">
		<div class="step active" id="menu_step_1">

			<div class="number">1</div>
			<div class="text">Alege tipul de cont</div>
			<div class="timer" id="timer_1">30sec</div>
			<div class="timer" style="display: none;" id="timer_1_ok">OK</div>
		</div>
		<div class="step" id="menu_step_2">
			<div class="number">2</div>

			<div class="text">Adauga datele personale</div>
			<div class="timer" id="timer_2">60sec</div>
			<div class="timer" style="display: none;" id="timer_2_ok">OK</div>
		</div>
		<div class="step" id="menu_step_3">
			<div class="number">3</div>
			<div class="text">Invita-ti colegii</div>

			<div class="timer" id="timer_3">30sec</div>
			<div class="timer" style="display: none;" id="timer_3_ok">OK</div>
		</div>
	</div>
		<div class="content accounts">
		<div class="heading">
			<div class="left">Alege tipul de cont</div>
			<div class="right">&raquo; <a href="">Ai nevoie de ajutor?</a></div>
			<div class="clear_both"></div>
		</div>
		<div class="wrapper">
			<div class="error_box"><label for="type" id="type_js_error" generated="true" class="error"></label></div>
			<div class="account">
				<div class="image">
					<label for="type_farmacist"><img src="/media/images/front/wizard/avatar_farmacist.jpg" alt="Farmacist" /></label>
				</div>
				<div class="description">
					<div class="selection">
						<input type="radio" id="type_farmacist" name="type" value="farmacist" />
						<label for="type_farmacist">Farmacist</label>
					</div>
					<ul>
						<li>ai propria pagina de profil</li>
						<li>acces la calendar de evenimente</li>
						<li>poti posta anunturi si job-uri</li>
					</ul>
				</div>

			</div>
			<div class="account">
				<div class="image">
					<label for="type_student"><img src="/media/images/front/wizard/avatar_student.jpg" alt="Student la farmacie" /></label>
				</div>
				<div class="description">
					<div class="selection">
						<input type="radio" name="type" id="type_student" value="student" />
						<label for="type_student">Student la farmacie</label>
					</div>
					<ul>
						<li>ai propria pagina de profil</li>
						<li>acces la calendar de evenimente</li>
						<li>poti posta anunturi si job-uri</li>
					</ul>
				</div>

			</div>
			<div class="account">
				<div class="image">
					<label for="type_asistent"><img src="/media/images/front/wizard/avatar_asistent.jpg" alt="Asistent" /></label>
				</div>
				<div class="description">
					<div class="selection">
						<input type="radio" name="type" id="type_asistent" value="asistent" />
						<label for="type_asistent">Asistent</label>

					</div>
					<ul>
						<li>ai propria pagina de profil</li>
						<li>acces la calendar de evenimente</li>
						<li>poti posta anunturi si job-uri</li>
					</ul>
				</div>

			</div>
			<div class="account">
				<div class="image">
					<label for="type_companie"><img src="/media/images/front/wizard/avatar_companie.jpg" alt="Companie farmaceutica" /></label>
				</div>
				<div class="description">
					<div class="selection">
						<input type="radio" name="type" id="type_companie" value="companie" />
						<label for="type_companie">Companie farmaceutica</label>

					</div>
					<ul>
						<li>ai propria pagina de profil</li>
						<li>acces la calendar de evenimente</li>
						<li>poti posta anunturi si job-uri</li>
					</ul>
				</div>

			</div>
			<div class="clear_both"></div>
			<div class="separator_2"></div>
		</div>
	</div>
	<div class="toolbar">
		<div class="button_1"><a href="javascript: void(0);" onclick="$('#registerFrm').submit();return false;"><span>Pasul urmator &raquo;</span></a></div>
	</div>
	</form>
</div>